﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <link rel="stylesheet/less" type="text/css" href="@Url.Content("~/Content/twitter.bootstrap/bootstrap.less")" />
    <link rel="stylesheet/less" type="text/css" href="@Url.Content("~/Content/mobile.less")" />
    <script src="@Url.Content("~/Scripts/less-1.1.3.min.js")" type="text/javascript"></script>
</head>
<body>
    <div class="page">
        <header>
            <div class="topbar-wrapper" style="z-index: 5;">
                <div class="topbar">
                    <div class="container fixed">
                        <h3>
                            @Html.ActionLink("My list - Mobile", "Index", "Home", new { @class="logo" })
                        </h3>
                        <ul>
                            <li class="active">@Html.ActionLink("Home", "Index", "Home")</li>
                            <li>@Html.ActionLink("Albums", "Index", "Albums")</li>
                            <li>@Html.ActionLink("About", "About", "Home")</li>
                        </ul>
                    </div>
                </div>
            </div>
        </header>
        <section id="main">
            <div class="container">
            @RenderBody()
            </div>
        </section>
        <footer>
        </footer>
    </div>
</body>
</html>
